.step-title
  position relative
  width 144px
  font-size 36px
  color #2449b7
  line-height 1
  margin 0 auto
  margin-top 42px
  font-family 'HYLiuZiHeiJ'
  &:before
    position absolute
    bottom -9px
    left 38px
    display block
    content ""
    width 92px
    height 75px
    background-image url("../image/out-step1.png") 
    background-repeat no-repeat
    background-position 0 0
.step-subtitle
  font-family '方正悠黑简体_502L'
  margin-top 30px
  text-align center
  font-size 18px
  color #0b268c
.outcase
  height 1051px
  background url("../image/bg-outcase.png") no-repeat center
  font-family '方正悠黑简体_502L'
  .title
    margin-top 200px
    height 90px
    border-left 6px solid #fff
    text-indent 38px
    font-size 70px
    color #fff
    line-height 90px
    font-weight normal
  .desc
    font-weight normal
    margin-top 101px
    font-size 36px
    color #fff
    line-height 72px
.m-projectbg
  font-family '方正悠黑简体_502L'
  .out-icon1
    margin-top 82px
    height 64px
    background-image url('../image/out-icon1.png')
    background-repeat no-repeat
    background-position 815px
  .desc
    font-size 16px
    color #0b268c
    margin-top 43px
    line-height 25px
    font-weight bold
    text-align center
    &:last-child
      margin-top 35px
.m-color
  margin-top 209px 
  .step-title
    &:before
      width 112px
      height 74px
      bottom 12px
      left 16px
      background-image url("../image/out-step2.png") 
      background-repeat no-repeat
      background-position 0 0
    .out-icon2
      position absolute
      width 64px
      left -570px
      top 30px
      height 64px
      background-image url('../image/out-icon2.png')
      background-repeat no-repeat
  img
    margin-top 138px
    width 100%
.m-proto
  margin-top 192px
  .step-title
    &:before
      width 109px
      height 69px
      bottom 17px
      left 19px
      background-image url("../image/out-step3.png") 
  img
    width 100%
    position relative
    z-index 1
    margin-top -150px
    &:first-of-type
      z-index 2

.m-bth
  overflow hidden
  font-family '方正悠黑简体_502L'
  margin 121px auto 50px
  a
    float left
    height 58px
    padding 0 62px
    line-height 58px
    font-size 18px
    color #000
    border 1px solid #979797
    cursor pointer
    &:last-child
      float right

// 外网
.sub-outer
  position relative
.m-sup
  position absolute
  top 0
  left 0
  bottom 0
  right 0
  z-index -1
  img
    position absolute
    top 944px
    width 100%

.show-title
  font-size 32px
  color #222222
  position relative
  &.step1
    &:before
      content ""
      width 73px
      height 58px
      position absolute
      left 3px
      bottom 15px
      background url('../image/show-step1.png') no-repeat
  &.step2
    color #ffffff
    span 
      color #989898
    &:before
      content ""
      width 98px
      height 58px
      position absolute
      left 3px
      bottom 15px
      background url('../image/show-step2.png') no-repeat
  &.step3
    &:before
      content ""
      width 99px
      height 58px
      position absolute
      left 3px
      bottom 15px
      background url('../image/show-step3.png') no-repeat
  &.step4
    &:before
      content ""
      width 99px
      height 58px
      position absolute
      left 3px
      bottom 20px
      background url('../image/show-step4.png') no-repeat
  span  
    font-size 22px
    color #989898
    white-space nowrap
.m-showcase
  height 1873px
  img
    position relative
    z-index -1
    margin-top -96px
.show-body
  margin-top -790px
  .pjbg
    font-family '方正悠黑简体_502L'
    .info
      margin  0 auto
      width 841px
      .title
        font-size 36px
        color #0acdf0
        text-align center
      .subtitle
        margin-top 25px
        font-size 18px
        color #fff
        text-align center
      .desc
        font-size 16px
        color #fff
        text-indent 25px
        font-family 'MicrosoftYaHei'
        margin-top 35px
        line-height 28px
    img
      display block
      margin 0 auto
      margin-top 158px
  .ideas
    width 1200px
    margin 79px auto 0
    .desc
      margin-top 15px
      font-size 18px
      color #676767
      line-height 30px
  .design
    margin-top 135px
    padding 0 calc(50% - 600px)
    overflow hidden 
    background #283ead
    font-family '方正悠黑简体_502L'
    padding-bottom 103px
    .left
      float left
      width 817px
      height 512px
      background url('../image/design-img.png') no-repeat 
      background-size contain
      margin-top 112px
    .right
      float right
      width 383px
      padding-top 224px
      padding-left 23px
      box-sizing border-box
      .desc
        font-size 22px
        color #fff
        line-height 35px
        margin-top 25px
  .colors
    padding 0 calc(50% - 600px)
    padding-bottom 124px
    .step3
      margin-top 143px
    .desc
      font-family '方正悠黑简体_502L'
      font-size 18px
      color #676767
      line-height 30px
      margin-top 20px
    .lists
      margin-top 80px
      justify-content space-between
      display flex
      div
        width 260px
        height 260px
        background url('../image/show-color1.png') no-repeat
        background-size cover
        text-align center
        line-height 260px
        color #1d2cf5
        &:nth-child(2)
          background url('../image/show-color2.png') no-repeat
          background-size cover
          color #ffc028
        &:nth-child(3)
          background url('../image/show-color3.png') no-repeat
          background-size cover
          color #219bf0
  .details
    padding 0 calc(50% - 600px) 110px 
    background #283ead
    overflow hidden
    .left
      float left
      width 449px
      .step4
        margin-top 306px
        color #ffffff
      .desc
        width 351px
        font-family '方正悠黑简体_502L'
        font-size 18px
        color #676767
        line-height 30px
        margin-top 20px
    .right
      float right
      width 751px
      height 626px
      border solid 1px #5e72d7
      margin-top 111px
      box-sizing border-box
      img
        display block
        margin 112px auto 0
      .lists
        width 500px
        margin 28px auto 0
        .list
          line-height 1
          margin-bottom 14px
          font-size 16px
          color #6f87d6
          cursor pointer
          &:first-child
            color #fff
          &:hover
            color #fff
          span 
            float right 
        
      


